/*-----------------------------------------------------------------------------
gerhardsletten.no generic style

author:		Gerhard Sletten
website:	http://www.gersh.no
			
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("core.css");

/* =General
-----------------------------------------------------------------------------*/
html 	{ font-size: 100%; }
body 	{ font: 13px/130% georgia, Helvetica, sans-serif; color: #335; background: #e8ede9; }

h1, h1 a, h2, h2 a, h3, h3 a { font-family:  'Trebuchet MS', arial, sans-serif;}
#primary h1:first-child,
#secondary h3:first-child { }

a,
a:visited {  color: #d92e78; color: #57d6dd; color: #00a0c6;}
a:hover {color: #0080a6;}
primary a {padding: 2px;}
form { width: auto; }
textarea { width: 90% }


/* =Layout
-----------------------------------------------------------------------------*/

#page_wrapper {  }
#extended_header { background: #332d2d; position:relative; margin: 0; border-top: 1px solid #332d2d; font-family: arial, sans-serif; height: 54px;}
#header { }


#header h1#logo { margin:0; position: absolute; top: 8px; left: 5%;}
#header h1#logo a { height: 36px; width: 137px;padding: 0 10px; margin-left: 5px;  display: block; margin-top: 0; overflow:hidden; background: url(../images/gs_logo.gif) no-repeat;  text-indent:-900px;}
#header h1#logo a:hover {}

#header #description { position: absolute; top: 70px; left: 5%; width: 90%; text-align: center;  font-size: 16px;  color: #bbb;  border: 0px solid red;}
#goto-gersh { position: absolute; top: 108px; z-index: 44; right: 5%; width: 210px; background: #fff  url(../images/arrow_xl.png) no-repeat 10px center; padding: 8px 2px 5px; padding-left: 46px; font-weight: bold; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: auto; }


#menu {  position: absolute; top: 17px; right: 5%; width: 60em;  border: 0px solid red; text-align: right; }

#content_wrapper { position: relative; border: 0px solid red; margin: 0 5%;  margin-top: 50px; height: 100%; }
#primary { padding-top: 10px; margin-right: 268px; background: #fff url(../images/left_shadow.gif) repeat-y right; margin-bottom:15px; padding-bottom: 10px; }

#primaryx > * {margin: 0 20px 10px 20px;}
.post,
.page,
.comments { margin: 0 20px 10px 15px;}

#secondary 			{ position: absolute; top: 70px; right: 0; width:260px;   }

#footer 			{ clear:both;  padding: 1em 0; background: #332d2d; color: #fff; position: absolute; left: 0; right: 0;  height: 40px; border-top: 3px solid #312828; width: 100%;}
#footer p 			{ text-align: center; font-size: 11px; color: #4d5858; line-height: 1;}
#footer a 			{ color: #4d5858; text-decoration:underline; }


/* =Menu
-----------------------------------------------------------------------------*/
#menu * {  font-weight: bold; font-size: 14px;}
#menu .information {display:none;}
#menu p {display: none; }
#menu ul { float: right; }
#menu ul li { display: block; float: left; height: 33px; border-bottom: 4px solid #332d2d; border-top: none;}
#menu ul li a {   font-weight: bold; padding: 0px 10px; height: 30px; line-height: 30px; margin-right: 1px;  color: #fff; text-decoration: none; border-left: 0px solid #222; }
#menu ul li.first a {border: none;}
#menu ul li a:hover,
#menu ul li.current_page_item a {  color: #42a4db;}
#menu ul li.current_page_item {  border-bottom: 4px solid #e8ede9;}
* html #menu ul li a {height: 1%;}

/* =Wordprss
-----------------------------------------------------------------------------*/

#secondary,
li.widget, 
div#twitter_div h3 {  font-family: arial, sans-serif; font-size: 13px; line-height:1.5em; color: #aaa; font-weight:bold; margin: 0;  }

li.widget, 
div#twitter_div h3 {border-bottom: 1px solid #ddd;}
div#twitter_div, 
li.widget {   margin-bottom: 1em; border: 1px solid #ddd;  padding: 3px; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

div.textwidget,
li.widget ul {  border-top: 1px solid #ddd; overflow: hidden; _height: 1%; }

div#twitter_div ul {margin-top: 3px;}
div#twitter_div p,
div#twitter_div ul li,
div.textwidget {color: #aaa; font-weight: normal; font-size: 13px; font-weight: normal; }
div.textwidget {}
div#twitter_div ul li { margin-bottom: .5em; padding-left: 15px; background: url(../images/283.gif) no-repeat left 5px;}

#secondary a {color: #aaa; }
#secondary a:hover {color: #00A0C6; text-decoration: none; }

li.widget ul li {display: inline; *height: 1%; }
li.widget ul a { text-decoration: none; display: block; float: left; margin-right: .5em; height: 1.5em; background: url(../images/283.gif) no-repeat left center; padding-left: 15px; overflow: hidden;}
li.widget ul a:hover {text-decoration: none; color: #666; }

li.widget_search input { margin: 2%; width: 60%; display:inline; padding: 4px; border: 1px solid #ddd; }
li.widget_search input[type="submit"] { width: 20%; font-weight: bold; color: #666; }
li.widget_search br { display:none;}
.kast {#151a1f;#332d2d; color: #d92e78; color: #57d6dd; color: #00a0c6; #0080a6;}
.post,
.page,
.comments { background: #fff; padding: ; margin-bottom: 1.5em; border: 0px solid #ddd; overflow:hidden;}
.post h2 a { background: #00a0c6; padding: 2px 6px; color: #fff; _font-weight: normal; }
.post h2 a:hover {text-decoration: none;  background: #0080a6;  }
.post .meta { color: #999; margin-bottom: .5em; font-style: italic; font-size: 11px;}
.post img { border: 2px solid #ddd; margin: 1em 0; max-width: 95%; height: auto;}
.comments { margin-left: 40px;}